body,html {
	height:100%;
}
body,ul,li,h1,h2,h3,h4,h5,h6,form,input,p{padding:0; margin:0;}
body{ color:#333; background:#fff;font-size: 12px;font-family: "" Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
img{border:none;}
em{font-style:normal;}
li{list-style:none;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}


#container { width:960px; margin:0 auto;}

a:link, a:visited, a:active, a:hover {
  text-decoration: none;
}


.container-login { margin:0 auto;}


/*  login page  */
.mainContent-login {
	width:909px;
	height:451px;
	background-image: url(../images/bj.png);
	margin: 100px auto;
	position:relative;
}

.logo{
	position: absolute;
	right:142px;
	top:-5px;
	width:133px;
	height:41px;
	background-image: url(../images/logo.gif);
	cursor:pointer;
}

.logo-title{
	position: absolute;
	left:150px;
	top:150px;
	width:240px;
	height:92px;
	line-height: 32px;
	background-image: url(../images/title.gif);
}

.login-content{
	width:280px;
	position: absolute;
	left:445px;
	top:130px;
	font-weight: 700;
}

.login-content p{
	padding:10px 0;
	font-size:14px;

}
.login-content p span{
	width:60px; line-height:25px; display:block; float:left; text-align:right; padding-right:10px;
}
.login-text{ width:170px; padding:4px 3px; border:1px #ccc solid; background-image: url(../images/text.png);}
.login-code{ width:50px; padding:4px 3px; border:1px #ccc solid; float:left; background-image: url(../images/text.png);}
.login-content p img{ padding:3px 0 0 3px;}
.login-submit {
  border:0px;
  background-image: url("../images/button.png");
  width: 130px;
  height: 33px;
  background-position: center;
  font-size:14px; font-weight:700;
  color:#fff;
  text-shadow:30px;
  cursor:pointer;
}

.bottom-login {
	position: absolute;
	bottom: 33px;
	width:100%;
	text-align:center;
	display:block;
    font-size:12px;
}


/* common page */

.header{width:100%; height:100px; background:url(../images/demo2/header.png) repeat-x;}

.head{
	width:100%;
	height:100%;
	background: url(../images/demo2/bj1.png) top right no-repeat;
	position:relative;
	margin:0 auto;
	z-index:3000;
}

.top-logo{
	position: absolute;
	left:30px;
	top:10px;
	width:257px;
	height:67px;
	background-image: url(../images/logo1.gif);
	text-indent:-9999px;
}

.banner {
	position: absolute;
	right:22px;
	top:12px;
	line-height:15px;
}

.banner-user{ padding-left:13px;padding-top:3px;padding-bottom:1px; background:url(../images/demo2/user.gif) 2px 50% no-repeat;color: black;
}
.banner-exit{ padding-left:20px;padding-top:2px;padding-bottom:2px; background:url(../images/demo2/exit.gif) 2px 50% no-repeat;color: black;
}

span.topmenu-more{ background:url(../images/demo2/more1.gif) right center no-repeat; padding-right:13px;}

#mainContent{
	width:100%; display:block; margin-bottom:5px;position:relative;z-index:2000;
}
.left {
	width:230px; background:#fff; float: left;position: relative;border-bottom:1px solid #336699;border-left:1px solid #336699;
}

.left-tree {
	width:230px; background:#fff; float: left;position: relative;
}

.content { width:100%; border-right:1px solid #99BBE8;border-left:1px solid #99BBE8;border-bottom:1px solid #99BBE8;
}


.content-menu{
height:31px;
background-image: url(../images/demo2/bj2.png);
color:#336699; font-size:14px; font-weight:700; line-height:31px; display:block; text-align:left; padding:0 13px;
}
.content-menu1{
height:30px;
background-image: url(../images/demo2/bj3.png);
line-height:30px; text-align:left; padding-left:15px; font-size:13px; font-weight:normal;
border-bottom:1px #A8C4CE solid;
}


.bottom{
	width:960px;
	height:30px;
	background: url(../images/demo2/bottom.jpg);
	background-repeat:repeat-x;
	font-size:12px;
	clear:both;
	position:relative;
}

.bottom-left{
	position:absolute; left:10px; top:10px;
}
.bottom-right{
	position:absolute; right:10px; top:10px;
}


/* demo3 */

#menu {
  height:30px;
  background-image: url(../images/demo2/menu1.png);
}

.menu2 {
  height:30px;
  background-image: url(../images/demo2/menu2.gif);
}
.menu_font {
	color:white; font-size:14px; font-weight:700; line-height:30px; display:block; float:left; text-align:right; padding:0 10px;
}



.content_menu1_title{ float:left; font-size:14px; font-weight:700;}
.content_menu1_title1{ float:left; }
.content_menu2_font{
	float:right; font-size:13px; font-weight:normal;margin-top:2px;
}
.content_menu2_font a{height:24px; line-height:26px; border:1px solid #DBDEE3; margin:0 3px; display:block; float:left; text-indent:20px; overflow:hidden; color:#333;}


.content_menu3_font{
	float:right; font-size:13px; font-weight:normal;margin-top:2px;
}
.content_menu3_font a{ height:24px; line-height:26px; border:1px solid #DBDEE3; margin:0 3px; display:block; float:left; text-indent:20px; overflow:hidden; color:#333;}


.menu2_save{width:80px;  background:#F5F5F5 url(../images/save.gif) 4px 50% no-repeat;}
.menu2_editpage{width:110px;  background:#F5F5F5 url(../images/edit.gif) 4px 50% no-repeat;}

.menu2_add{ background:#F5F5F5 url(../images/add.gif) 4px 50% no-repeat;}
.menu2_edit{ background:#F5F5F5 url(../images/edit.gif) 4px 50% no-repeat;}
.menu2_delete{ background:#F5F5F5 url(../images/delete.gif) 4px 50% no-repeat;}
.menu2_export{background:#F5F5F5 url(../images/kbms.gif) 4px 50% no-repeat;}
.menu2_import{background:#F5F5F5 url(../images/import.gif) 4px 50% no-repeat;}
.menu2_enable{background:#F5F5F5 url(../images/time_go.png) 4px 50% no-repeat;}
.menu2_unlock{background:#F5F5F5 url(../images/lock_break.png) 4px 50% no-repeat;}

#content_top{background-color: #F7F7F7; border: 1px solid #DBDEE3; margin:15px; padding-top:15px;width:926px}
#content_search{margin-bottom:10px;width:770px;float:left}
#panel {
	display: none;
}

.btn-slide{
	background-image: url("../images/demo3/more2.gif");
	width: 63px; height: 11px; display:block; margin:0 auto; text-indent:-9999px;
}
.active {
	background-position: 0 -11px;
}

#content_button{
	float:right;
}

.search_button{
	border:0px;
	background-image: url("../images/demo3/button2.png");
	width: 70px;
	height: 28px;
	font-size:14px; font-weight:700;
	color:#fff;
	text-shadow:30px;
	cursor:pointer;
	margin:0 3px;
}
.content_grid{
	margin: 10px;
}

.topbar{ height:35px; line-height:35px; background:url(../images/inline1_c_h5.png) repeat-x; text-indent:15px; text-align:center font-size:14px; font-weight:700; margin-bottom:0px;}
.inline1_c div{width:250px;margin:5px 5px 10px 10px; float:left; border:solid 0px #ff0000;}
.inline1_c div span{width:80px;text-align:right;float:left;padding-top:10px;}
.inline1_text{ width:140px; padding:4px 3px; border:1px #ccc solid; background-image: url(../images/text.png);}
.inline1_a div{width:250px;margin:5px 5px 10px 10px; border:solid 0px #ff0000;}
.itemdiv{width:250px;margin:5px 5px 10px 10px; border:solid 0px #ff0000;}
/* demo2  */

.left-content{border-right:1px solid #4684A5;}

#more {
position: absolute;
top:7px;
left:180px;
width:37px;
height:15px;
background-image: url(../images/demo2/more.gif);
cursor:pointer;
text-indent:-9999px;
}
.left li{
	padding:5px; text-align:left;line-height:20px;
}

.message-event {padding-left:35px; padding-top:1px;padding-bottom:1px;background:url(../images/demo2/event.png) 2px 50% no-repeat;color: black;}

#content_menu{
height:31px;
background-image: url(../images/demo2/bj2.png);
color:#336699; font-size:14px; font-weight:700; line-height:31px; display:block; text-align:left; padding:0 13px;
}
#content_menu1{
height:30px;
background-image: url(../images/demo2/bj3.png);
line-height:30px; text-align:left; padding-left:15px; font-size:13px; font-weight:normal;
border-bottom:1px #A8C4CE solid;
position: relative;
z-index:-999;
}

.actioncolumnitem{margin-left:10px;}

.display_pic{ width:100%; height:99%;}
.display_pic h3{ color:#336699; font-size:14px; font-weight:700; padding:12px 7px; margin-bottom:10px; border-bottom:1px #ccc dashed;}
.pic_bottom{ border:1px #C8C8C8 solid; margin:7px; background:#fff url(../images/demo2/b.png) left bottom no-repeat; float:left;}
.pic_top{ background:url(../images/demo2/t.png) top right no-repeat; padding-bottom:40px; padding-left:10px; padding-right:10px; padding-top:0;}

.pic_top li{
	padding:3px; text-align:left;line-height:20px;
}

.message-title{padding-left:12px; background:url(../images/demo2/title1.gif) 2px 50% no-repeat;}
.user-edit{padding-left:20px; background:url(../images/demo2/user.gif) 2px 50% no-repeat; padding-top:2px;padding-bottom:2px;}
.user-pdedit{padding-left:20px; background:url(../images/demo2/edit.gif) 2px 50% no-repeat;padding-top:2px;padding-bottom:2px;}
.user-view{padding-left:20px; background:url(../images/demo2/view.gif) 2px 50% no-repeat;padding-top:2px;padding-bottom:2px;}
label.dialog_label {vertical-align: middle;width:80px;float:left;padding: 6px;position: relative;z-index:1;}

.som-form-item{
   width:250px;float:left;
}
#nav{
  font-family:宋体;font-size:12px;margin:3px 0 3px 0;
}
.som-form-checkbox{
   margin-left:15px;
}
.som-form-checkbox-label{
   position:relative;
   top:-3px;
   border:solid 0px #00ff00;
}
